/*
Theme Name: RealMaral
Theme URI: http://www.maralpant.ru/
Description: RealMaral is Elegant and beautiful Theme
Author: arsaa
Author URI: http://www.maralpant.ru/
Version: 001
License: GNU General Public License
License URI: license.txt

*/
* {margin: 0;padding: 0;}

body {
    font: 12px/18px Cambria, Georgia, Times, sans-serif;
	width: 100%;
    color:#454444;
    background:#ebe8e8;
    background-attachment:fixed;
 }
a {color: blue;outline: none;text-decoration: none;}
a:hover {text-decoration: none;}
p {margin: 0 0 18px; font-size:18px;}
img {border: none;}
input {vertical-align: middle;}
#wrapper {width: 1000px;margin: 0 auto;}
/*
.container_24{margin-left:auto;margin-right:auto;width:960px}
*/
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,
.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,
.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,
.grid_21,.grid_22,.grid_23,.grid_24
{display:inline;float:left;margin-left:5px;margin-right:5px}


#wrapper .prblock {display:inline;float:left;margin-left:5px;margin-right:5px;}
#wrapper .alpha{margin-left:0px}
#wrapper .omega{margin-right:0px;}


/* Header
-----------------------------------------------------------------------------*/
#header {height: 100px;	background: #FFF;}
.header{padding:20px 0 10px 0;}
.header .logo { margin-left:18px;}
.header-info {margin-top:35px;margin-left:25px;margin-bottom:23px;margin-right:15px;}
.header .logo img {margin:15px 0 20px 0;max-width:340px;height:auto;}


#front-page-div{position:relative;width:100%;height:500px;background-color: #FFF !important;}
  /*Slider*/
.slider-wrapper {width:950px;height:500px;background:url(images/slide-shaddow.png) 20px 417px no-repeat;margin:0 auto;margin-bottom:0px;}
#container-front-slider {width:950px;margin:0 auto;position:relative;background-color:#fff;}
#example {width:920px;height:420px;position:relative;margin-left:20px;background-color:#fff;}
#frame {position:absolute;z-index:50;width:916px;height:417px;top:0px;left:-3px;}

	/* CSS витрины*/
.justifyli {background: #FFF;margin: 0px auto 0px;padding: 0 0;}

.justifyli ul {list-style: none;font: 14px Verdana, Geneva, sans-serif;text-align: justify;line-height: 0;font-size: 1px;text-justify: newspaper;zoom:1;text-align-last: justify;}
.justifyli ul:after {width: 100%;height: 0px;visibility: hidden;overflow: hidden;content: '';display: inline-block;}
.justifyli ul li{display: inline-block;line-height: normal;vertical-align: top;//display : inline;//zoom : 1;}
.justifyli ul li div{padding:3px 0 0 2px;text-align:center;}
.justifyli ul li div h1{border-bottom:1px dashed #bcbcb0;padding-bottom:8px;margin-bottom:30px;margin-right:105px;}
.justifyli ul li div p{font-size:12px !important;color:#4d4c4c;margin-bottom:0;padding-bottom:1px;text-align:left;line-height:20px;}
.justifyli ul li div h4 {margin-top:20px;margin-bottom:10px;color:#2a2a28;}
.justifyli ul li div a {color:#878e5b;}

/* конкретное устройство для ul и li и img в витрине frontpage*/
#fp-vitrina-head{width:100%;height:40px;text-align:center;background-color:#FFF;}
#fp-vitrina-head h2{font-size:28px;font-weight:bold;}
.liap{margin:0 20px;padding:0;}
.liap li {width: 220px;height:300px;text-align: left;font-size: 12px !important;background: #fff;overflow:hidden;border:1px solid blue;}
.liap li img {height:133px;width:203px;border:1px solid #ddd;padding:4px;margin-bottom:5px;}

/* конкретное устройство для ul и li  в меню для слайдера*/
.msld{position:absolute;bottom:15px;left:0;width:20%;}
.lisld{margin:0 20px;padding:0;}
.lisld li {width: 30px;height:20px;text-align: left;font-size: 14px;background: #fff;}


/* Middle
-----------------------------------------------------------------------------*/
#middle {border-right: 250px solid #FFF;height: 1%;position: relative;background-color:#FFF;}
#middle:after {content: '';clear: both;display: table;}
#container {width: 100%;float: left;overflow: hidden;margin-right: -100%;}
#content {padding: 0 20px;}


/* Sidebar Right
-----------------------------------------------------------------------------*/
#sideRight {float: right;margin-right: -250px;width: 250px;	position: relative;background: #FFF;}

.bottom-feature .bottom-feature-right .bottom-feature-right-wrapper {
    margin-left:55px;
}
.bottom-feature .bottom-feature-right .bottom-feature-right-wrapper p {
    margin-bottom:37px;
    line-height:22px;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {height: 50px;	background: #71963c;}

.grid_6{width:230px}
.grid_7{width:270px}
.grid_11{width:430px}

.index-info{
    background:#71963c url(images/green-sep.png) repeat-x;
    overflow:hidden;
    padding-top:8px;
    padding-bottom:0;
    /*border-bottom:1px solid #47621f;*/
    margin-bottom:0;
}
.index-info .index-info-one, .index-info .index-info-two, .index-info .index-info-three{
    padding:6px 0 10px 30px;
    margin-left:15px;
}
.index-info .index-info-one{
    background:url(images/mob-green.png) 0 0 no-repeat;
}
.index-info .index-info-two{
    background:url(images/sms-green.png) 0 2px no-repeat;
    padding-left:35px;
}
.index-info .index-info-three{
    background:url(images/timing-green.png) 0 0 no-repeat;
    padding-left:35px;
}
.index-info .index-info-one span, .index-info .index-info-two span, .index-info .index-info-three span{
    color:#fff;
    font-size:18px;
    margin-left:5px;
    text-shadow:0 1px 0 #406180;
    font-family:"Times New Roman", Times, serif;
    font-style:italic;
    margin-bottom:10px;
    overflow:hidden;
}
.index-info .index-info-one img, .index-info .index-info-two img, .index-info .index-info-three img{
    margin-bottom:11px;
}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

/*****Vitrina-1*****************/
.vitr_1{width:100%;max-width:1000px;min-width:400px;}
.vcont_1{
    max-width:1000px;
    min-width:600px;
    padding:1px;
    margin: 20px auto;
    overflow:hidden;
    background-color:#fff;
    text-align:justify;
    text-align-last: justify;
    line-height: 0;
    font-size: 1px; /* 1px для Opera */
    text-justify: newspaper;/* Лекарство для IE6-7*/
    zoom:1;
    /*border:1px solid red;*/

}

.vart_1{
  position:relative;
  width:140px;
  height:250px;
   display: inline-block;
    line-height: normal;
    font-size: 14px;
    vertical-align: top;
}

.vcont_1:after
	{
		width: 100%;
		height: 0px;
		visibility: hidden;
		overflow: hidden;
		display: inline;
     content: '&nbsp; ';

		}


.gdbx_1{
    top:0px;
    margin:0px auto;
    width:130px;
    height:230px;
    padding:5px 2px;
    border: 1px solid #000; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;text-align:center;}

.vimg{width:100px;height:100px;margin:2px auto;}
.sgcnt_1{position:absolute;top:140px;left:10px;width:120px;height:40px;overflow:hidden;}
.sgn_1{font-size:11pt;font-style:italic;color:#627a31;text-decoration:underline;font-family:Arial,'Arial Unicode MS',Helvetica,Sans-Serif;}
.dlbl_1{position:absolute;top:195px;left:-2px;width:145px;height:33px;background-image:url(http://maralpant.ru/wp-content/shimg/site/center/vitrina/r_label.png);background-repeat: repeat;}
.la_1{position:absolute;left:1px;top:-4px;height:7px;width:4px;background:url(http://maralpant.ru/wp-content/shimg/site/center/vitrina/angleft.png) no-repeat}
.ra_1{position:absolute;left:140px;top:-4px;height:7px;width:5px;background:url(http://maralpant.ru/wp-content/shimg/site/center/vitrina/angright.png) no-repeat;}
.sprs_1{position:absolute;top:10px;left:10px;font-size:100%;font-weight:bold;}
.kav_1{position:absolute;top:2px;font-size:170%;}
.lf_1{left:120px;}
.rf_1{left:77px;}
.mkrz_1{position:absolute;top:-8px;left:90px;border:none;display:inline;}
.ftr_1{display:inline-block;width:100%;}

/*****end Vitrina-1******************/



/*****Vitrina-2*****************/
.vitr_2{width:100%;max-width:1000px;min-width:400px;}
.vcont_2{
    max-width:1000px;
    min-width:600px;
    padding:1px;
    margin: 20px auto;
    overflow:hidden;
    background-color:#fff;
    text-align:justify;
    text-align-last: justify;
    line-height: 0;
    font-size: 1px; /* 1px для Opera */
    text-justify: newspaper;/* Лекарство для IE6-7*/
    zoom:1;
    /*border:1px solid red;*/
  }

.vart_2{
  position:relative;
  width:170px;
  height:250px;
   display: inline-block;
    line-height: normal;
    font-size: 14px;
    vertical-align: top;
}

.vcont_2:after
	{
		width: 100%;
		height: 0px;
		visibility: hidden;
		overflow: hidden;
		display: inline;
     content: '&nbsp; ';

		}


.gdbx_2{
    top:0px;
    margin:0px auto;
    width:160px;
    height:230px;
    padding:5px 2px;
    border: 1px solid #000; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;text-align:center;}


.sgcnt_2{position:absolute;top:140px;left:20px;width:130px;height:40px;overflow:hidden;}
.sgn_2{font-size:11pt;font-style:italic;color:#627a31;text-decoration:underline;font-family:Arial,'Arial Unicode MS',Helvetica,Sans-Serif;}
.dlbl_2{position:absolute;top:195px;left:-2px;width:175px;height:33px;background-image:url(http://maralpant.ru/wp-content/shimg/site/center/vitrina/r_label.png);background-repeat:repeat;}
.la_2{position:absolute;left:1px;top:-4px;height:7px;width:4px;background:url(http://maralpant.ru/wp-content/shimg/site/center/vitrina/angleft.png) no-repeat}
.ra_2{position:absolute;left:170px;top:-4px;height:7px;width:5px;background:url(http://maralpant.ru/wp-content/shimg/site/center/vitrina/angright.png) no-repeat;}
.sprs_2{position:absolute;top:10px;left:20px;font-size:120%;font-weight:bold;color: #DC5D0F !important;}
.kav_2{position:absolute;top:2px;font-size:170%;}
.lf_2{left:150px;}
.rf_2{left:107px;}
.mkrz_2{position:absolute;top:-8px;left:120px;border:none;display:inline;}
.ftr_2{display:inline-block;width:100%;}

/*****end Vitrina-2******************/
/***Блок Скрытия раскрытия текста***********/
.hide-source {display: block;}
/*****Конец Блок Скрытия раскрытия текста****/

.imgleft{float:left;display:inline;margin: 0 5px 0 5px;}
.rzd{width:100%;height:8px;}